import React from 'react';
import styles from './TodoFilter.css';
import TodoFilterItem from './TodoFilterItem.js';

function TodoFilter(props) {
  return (
    <div className={styles.normal}>
      <TodoFilterItem {...props} filter="SHOE_ALL">
        全部
      </TodoFilterItem>
      <TodoFilterItem {...props} filter="SHOE_COMPLETED">
        已完成
      </TodoFilterItem>
      <TodoFilterItem {...props} filter="SHOE_ACTIVE">
        未完成
      </TodoFilterItem>
    </div>
  );
}

export default TodoFilter;
